
<!-- 类型1  只展示3行-->
<div class="section-one" *ngIf="tagData.data && tagData.type==='1'" [ngStyle]="tagData.cssStyle | styleFilter">
  <ng-container  *ngFor="let item of tagData.data;let i = index">
    <ng-container *ngIf="item.status === '2' || item.status === '1' || item.status === '0'">
      <div class="top">
        <div class="top-circle">
          <div class="top-circle-left" *ngIf="item.status === '2'" [ngStyle]="item.circleCssStyle | styleFilter"></div>     
          <div class="top-circle-left action" *ngIf="item.status === '1'" [ngStyle]="item.circleCssStyle | styleFilter"></div>
          <div class="top-circle-left" style="border-color:#DEDEDE" *ngIf="item.status === '0'" [ngStyle]="item.circleCssStyle | styleFilter"></div>
        </div>
        <div class="top-content" [ngStyle]="item.itemCssStyle | styleFilter">
          <span class="left" *ngIf="item.status === '2'" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</span>
          <span class="left action-text" *ngIf="item.status === '1'" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</span>
          <span class="left" style="color: rgba(0,0,0,0.4);" *ngIf="item.status === '0'" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</span>

          <div class="right" appDebounceClick (debounceClick)="openPage(item.link)">
            <span class="right-value" [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
            <img class="right-img" [ngStyle]="item.iconCssStyle | styleFilter" *ngIf="item.icon" src="{{item.icon}}"/>
          </div>
        </div>
      </div>
      <div class="bottom">
        <div class="lable">
          <span *ngIf="i !== tagData.data.length - 1" [ngStyle]="item.borderCssStyle | styleFilter" class="label-left"></span>
          <span *ngIf="item.label && item.status === '1'" [ngStyle]="item.labelCssStyle| styleFilter" class="label-right">{{item.label}}</span>
        </div>
      </div>
    </ng-container>
  </ng-container>
</div>
<!-- 类型2  只展示7行或者多行-->
<div class="section-one" *ngIf="tagData.data && tagData.type==='2'" [ngStyle]="tagData.cssStyle | styleFilter">
  <ng-container  *ngFor="let item of tagData.data;let i = index">
    <div class="top">
      <div class="top-circle">
        <div class="top-circle-left" *ngIf="item.status === '2'" [ngStyle]="item.circleCssStyle | styleFilter"></div>     
        <div class="top-circle-left action" *ngIf="item.status === '1'" [ngStyle]="item.circleCssStyle | styleFilter"></div>
        <div class="top-circle-left" style="border-color:#DEDEDE" *ngIf="item.status === '0'" [ngStyle]="item.circleCssStyle | styleFilter"></div>
      </div>
      <div class="top-content" [ngStyle]="item.itemCssStyle | styleFilter">
        <span class="left" *ngIf="item.status === '2'" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</span>
        <span class="left action-text" *ngIf="item.status === '1'" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</span>
        <span class="left" style="color: rgba(0,0,0,0.4);" *ngIf="item.status === '0'" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</span>

        <div class="right" *ngIf="item.status === '1'" appDebounceClick (debounceClick)="openPage(item.link)">
          <span class="right-value" [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
          <img class="right-img"  [ngStyle]="item.iconCssStyle | styleFilter" *ngIf="item.icon" src="{{item.icon}}"/>
        </div>
      </div>
    </div>
    <div class="bottom">
      <div class="lable">
        <span *ngIf="i !== tagData.data.length - 1" [ngStyle]="item.borderCssStyle | styleFilter" [ngClass]="item.status === '2'?'':'isGrayBg'" class="label-left"></span>
        <span *ngIf="item.label && item.status === '1'" [ngStyle]="item.labelCssStyle| styleFilter" class="label-right">{{item.label}}</span>
      </div>
    </div>
  </ng-container>
</div>
<!-- 类型3  只展示2行-->